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(57) The present invention is embodied in a system 
(300) and method for ordering a consumer item (such 
as a product or a service) in an interactive computer en- 
vironment. The system of the present invention includes 
a user interface (315) that provides automatic and real- 
time updating of attributes and available options of the 
consumer item being ordered. Further, the user inter- 
face provides a true visual or audio representation of the 
consumer item as it is being ordered. The present in- 
vention also includes a method for ordering a consumer 
item using this system (300). The method includes sep- 
arating the consumer item into intuitive portions that in- 
cludes base components (520) and categories of avail- 
able options (525/530/535). The base components 
(520) and options categories (525/530/535) are pre- 
sented to a consumer through the user interface (500) 
and the consumer selects the available choices. The 
method of the present invention includes automatic and 
real-time updating of attributes (510) and available op- 
tions (525/530/535) so as to provide the consumer with 
current information and ensure that the consumer can- 
not select an unavailable option. 
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Description 

FIELD OF THE INVENTION 

[0001] The present invention relates in general to 5 
electronic commerce and more particularly to a system 
and a method for ordering consumer items (including 
products and services) through an interactive computer 
environment. 

BACKGROUND OF THE INVENTION 

[0002] Electronic commerce (or "e-commerce") is 
quickly becoming a popular way to for consumers to or- 
der consumer items. Consumer items include both tan- 
gible and intangible commodities, such as, for example, 
products and services. E-commerce is the conduct of 
commerce in consumer items with the assistance of 
electronic tools (such as a computer or television con- 
nected to the Internet; a telephone; and a facsimile ma- 
chine). For example, many businesses and merchants 
provide consumers with an opportunity to order con- 
sumer items at a web site provided on the Internet. 
[0003] Typically, the ordering process for a consumer 
item includes having the consumer review a text-based 
list of choices (such as a drop-down box) containing writ- 
ten descriptions of the consumer item. Next, the con- 
sumer is directed to make a selection based solely on 
these written descriptions. Some ordering processes in- 
clude a graphical representation (such as a drawing or 
picture) of the consumer item but only provide a generic 
representation that applies to several different combina- 
tions of consumer item. 

[0004] One problem, however, with both the text- 
based and generic picture ordering is that the consumer 
cannot see exactly what is being ordered. This can lead 
to consumer dissatisfaction when the order is received 
and a high incidence of returned orders. Another prob- 
lem is that options available with a consumer item fre- 
quently depend on a previous choice, and these choices 
are not automatically updated. For example, if a note- 
book computer is being ordered the hard drives availa- 
ble may depend on the type of processor chosen, so 
that a 1 0 gigabyte hard drive may only be available if a 
500 MHz processor is selected. Frequently, however, 
the consumer will select a 500 MHz processor with an 
8 gigabyte hard drive and, because the subsequent 
choices are not automatically updated, is not aware until 
after placing the order that only the 10 gigabyte hard 
drive is available with the 500 MHz processor. This can 
cause considerable consumer frustration and may even 
cause the consumer to cancel the transaction. 
[0005] Therefore, as demand continues to grow for e- 
commerce there is needed is a simple and intuitive or- 
dering system and method for a consumer to order con- 
sumer items. In addition, there is a need for an ordering 
system and method that provides the consumer with a 
real-time true representation of what is being ordered 



so that the consumer will not be disappointed when the 
order is delivered. Moreover, the ordering system and 
method would include automatic and real time updating 
of the available options so that the consumer could not 
choose an option that was unavailable. 

SUMMARY OF THE INVENTION 

[0006] To overcome the limitations in the prior art as 
described above, and to overcome other limitations that 
will become apparent upon reading and understanding 
the present specification, the present invention is em- 
bodied in a system and method for ordering consumer 
items (such as products and services) in electronic com- 
merce. The present invention provides a simple and in- 
tuitive user interface that presents to the consumer a 
real-time true representation of what is being ordered. 
In addition, the attributes of a consumer item (such as 
cost, weight and size) and the available options are up- 
dated in real time so that the consumer is kept informed 
as what is being ordered and cannot inadvertently select 
an unavailable option. 

[0007] The ordering system of the present invention 
includes an interactive computer environment (such as 
a networked computer environment) having a client and 
a server. A user (or consumer) uses the client to place 
the order. The client includes a control module, which 
controls the flow of data and information within the sys- 
tem and a user interface, which presents information 
and results to the consumer as a graphical or an audio 
representation. The user interface also permits the con- 
sumer to interact with the ordering system and select 
any available options presented. 
[0008] The server, which Is used by a merchant to re- 
ceive the order placed by the consumer, includes a da- 
tabase, statistical module and an update module. The 
database stores data used by the system including con- 
trol data, program data, data structure and other types 
of data. The statistical module is coupled to the client 
and the database and receives statistical data regarding 
the ordering process (such as the number of times an 
available option is selected). The update module pro- 
vides automatic real-time updates for the user interface 
so that the consumer is constantly aware of the status 
and parameters concerning an order. These parameters 
include, for example, what has been ordered, the avail- 
able options and total cost of the order. 
[0009] The present invention is also embodied in a 
method for ordering consumer items in electronic com- 
merce using the above-described system. The method 
includes dividing a consumer item into intuitive pieces 
that include a base component (which is preferably used 
as a starting point for the order) and categories of avail- 
able options that may be added to the base component. 
A base component is then presented to the consumer 
through the user interface and the consumer is invited 
to make a selection. Once a selection is made the user 
interface, representation of the consumer item and the 
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available options are updated. This presentation, selec- 
tion and updating is then repeated for the remainder of 
option categories and the consumer is invited to finalize 
the order. Finalizing the order may include, for example, 
specifying the method of payment or the method of ship- s 
ment. 

[0010] Other aspects and advantages of the present 
invention as well as a more complete understanding 
thereof will become apparent from the following detailed 
description, taken in conjunction with the accompanying 
drawings, illustrating by way of example the principles 
of the invention. Moreover, it is intended that the scope 
of the invention be limited by the claims and not by the 
preceding summary or the following detailed descrip- 
tion. 

BRIEF DESCRIPTION OF THE DRAWINGS 

[0011] The present invention can be further under- 
stood by reference to the following description and at- 
tached drawings that illustrate the preferred embodi- 
ment. Other features and advantages will be apparent 
from the following detailed description of the preferred 
embodiment, taken in conjunction with the accompany- 
ing drawings, which illustrate, by way of example, the 
principles of the present invention. 
[001 2] Referring now to the drawings in which like ref- 
erence numbers represent corresponding parts 
throughout: 

FIG. 1 is a block diagram of an overall ordering sys- 
tem incorporating the present invention. 
FIG. 2 is a block diagram illustrating an apparatus 
for carrying out the present invention. 
FIG. 3 is a block diagram illustrating an overview of 
the present invention. 

FIG. 4 is a flow diagram illustrating the general op- 
erational flow of the present invention. 
FIG. 5 is a block diagram illustrating a processing 
method in accordance with the present invention. 
FIGS. 6-1 1 are exemplary user interfaces of a work- 
ing example of the system and method of the 
present invention. 

DETAILED DESCRIPTION OF THE PREFERRED 
EMBODIMENTS 

[0013] tn the following description of the invention, 
reference is made to the accompanying drawings, which 
form a part thereof, and in which is shown by way of 
illustration a specific example whereby the invention 
may be practiced. It is to be understood that other em- 
bodiments may be utilized and structural changes may 
be made without departing from the scope of th e present 
invention. 



I. General Overview 

[0014] Simple and intuitive ordering of products and 
services in electronic commerce is quite appealing for 
consumers. The present invention provides an interac- 
tive computer environment that makes the ordering of 
virtually any consumer item an easy and intuitive proce- 
dure. In particular, the user interface of the present in- 
vention presents to a user (or consumer) a consumer 
item that has been divided into a base component and 
corresponding available options. Once the consumer 
selects a desired base component and available options 
are quickly (in real time) and automatically updated. This 
real-time updating of available options provides the con- 
sumer with a real-time knowledge of the options availa- 
ble after each previous choice and consumer is prevent- 
ed from choosing an option that is not available with a 
particular base component or option. In addition, at- 
tributes (such as cost, weight and size) of the consumer 
item being ordered are updated automatically and in real 
time. 

[0015] The user interface of the present invention pro- 
vides the consumer with a real-time representation of 
the consumer item being ordered. The user interface 
presents to the consumer a representation of the base 
component and options thattheconsumerhas selected. 
If an additional option is selected the option is immedi- 
ately added to the representation so that the consumer 
is provided with an up-to-the-minute representation of 
the consumer item being ordered. 
[0016] The system and method of the present inven- 
tion can be used to order a plurality of diverse consumer 
items, including products and services. By way of ex- 
ample and not limitation, the present invention may be 
used to order products such as notebook computers, flo- 
ral arrangements, pizza, automobiles, clothing and ac- 
cessories, catered meals, table settings, window treat- 
ments, custom homes, aircraft and boats, to list a few. 
The present invention allows the user to see exactly 
what is being ordered, what options are currently avail- 
able and provides useful information that helps the user 
make informed decisions regarding the ordering proc- 
ess. This information depends on the product being or- 
dered, and may include, for example, costs, weight, cal- 
ories, colors, size, weight, gas mileage, material, taxes, 
registration fees, insurance costs, room size and pat- 
terns. The present invention may also be used to order 
services, such as, for example, insurance plans, vaca- 
tion packages and extended warranties. Depending on 
the services being ordered, the present invention pro- 
vides useful information to the user, such as, for exam- 
ple, costs, ticket availability and travel time. 

II. Structural Overview 

[0017] FIG. 1 is a block diagram of an overall ordering 
system incorporating the present invention. In general, 
an ordering system 1 00 that incorporates the present 
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invention is provided fora user (orconsumer) 110 to or- 
der a consumer item from a merchant. The consumer 
110 uses the present invention to place an order (box 
1 20) using a remote unit or client 1 30 (discussed further 
below). The client 130 may be located, for example, in s 
the consumer's home, in the merchant's store or in a 
booth at a shopping mall. 

[0018] The client 130 is coupled over a network 140 
to a host unit or server 150 that receives the order (box 
1 60). The server 1 50 (discussed further below) may be io 
located, for example, at a location away from the client 
130, in the same general location as the client 130 and 
even on the same apparatus as the client 1 30. The order 
is then processed (box 170) and delivered (box 180) as 
directed by the consumer. ^ 
[0019] In the case where a product is ordered, deliv- 
ery may be made, for example, by an express delivery 
service or by regular mail. Although the product usually 
will be delivered to the consumer 110 that ordered the 
product, in some cases the product may be delivered to 20 
a third-party designated by the consumer 110. In the 
case where a service has been ordered, delivery may 
occur in several ways including, for example, notification 
by mail of the commencement of insurance coverage. 
[0020] FIG. 2 is a block diagram illustrating an appa- 25 
ratus for carrying out the present invention. The follow- 
ing discussion provides a general description of a suit- 
able computing environment in which the present inven- 
tion may be implemented. The invention will be de- 
scribed in the general context of computer-executable so 
instructions (such as program modules) being executed 
by a computer. 

[0021] As shown in FIG. 2, an exemplary system for 
implementing the present invention includes a general- 
purpose computing device in the form of a conventional 
computer 200. The computer 200 includes a central 
processing unit 203, a system memory 206 and a sys- 
tem bus 209. The system bus 209, which couples vari- 
ous system components including the system memory 
206 to the central processing unit 203, may be any of 
several types of bus structures including memory bus 
or memory controller, a peripheral bus and a local bus 
using any of a variety of bus architectures. 
[0022] The system memory 206 includes computer 
storage media in the form of read-only memory (ROM) 
212 and random access memory (RAM) 215. A basic 
input/output system (BIOS) 218 is stored in the ROM 
212 and contains, the basic routines that help transfer 
information between components of the computer 200, 
such as during start-up. 

[0023] The computer 200 may also include storage 
devices 222. The storage devices 222 include, for ex- 
ample, a hard disk drive, for reading from and writing to 
a hard disk, a magnetic disk drive, for reading from and 
writing to a removable magnetic disk, and an optical disk 
drive, for reading from and writing to a removable optical 
disk (such as, for example, a CD-ROM or other type of 
optical media). These drives and their associated com- 



puter-readable media provide storage of computer- 
readable instructions, data structures, program mod- 
ules and other data for the computer 200. Although the 
exemplary environment described herein employs a 
hard disk, a removable magnetic disk and a removable 
optical disk, it should be appreciated that those skilled 
in the art would recognize that other types of computer- 
readable media can store data that can be accessed by 
the computer 200. Thus, computer-readable media may 
be any available media that is accessible by the com- 
puter 200. By way of example and not limitation, com- 
puter-readable media includes communication media 
and computer storage media. 
[0024] For example, computer storage media in- 
cludes RAM, ROM, erasable programmable read-only 
memory (EPROM), flash memory and other types of 
memory technology, CD-ROM, digital video disks (DVD) 
and other types of optical storage media, magnetic cas- 
settes, magnetic tape, magnetic disk storage and other 
types of magnetic storage devices, and any other me- 
dium that can be used to store the desired information 
and that is accessible by the computer 200. Further, any 
combinations of the above is also included within the 
meaning of computer-readable media. 
[0025] Numerous program modules may be stored on 
the hard disk, magnetic disk, optical disk, ROM 212 and 
RAM 215 including software and data 224. Software and 
data 224 include, for example, application programs, 
other program modules and program data. A user may 
interact with the computer 200 by entering commands 
and information through other input devices 225 such 
as a keyboard and pointing device (such as a mouse). 
Other input devices 225 may include, for example, a mi- 
crophone, joystick, game pad, satellite dish, scanner, 
video camera, digital camera, and the like. These and 
other input devices 225 may be connected to the central 
processing unit 203 through, for example, a serial port, 
a parallel port, game port or a universal serial bus (USB) 
that is coupled to the system bus 209. A monitor 260 or 
other type of display device is connected to the system 
bus 209 through a video interface 263 (such as a video 
adapter). Further, additional peripheral devices (such as 
speakers and printers) may be connected to the com- 
puter 200. 

[0026] The computer 200 may be operated in a net- 
worked environment using logical connections to one or 
more remote computers (such as a remote computer 
266) . The remote computer 266 may be a personal com- 
puter (PC), a server, a router, a network PC, a peer de- 
vice or other type of network node, and typically includes 
several or all of the elements described above in con- 
nection with the computer 200. Only a memory storage 
device 269 having software and data 270 residing ther- 
eon, however, has been illustrated with the remote com- 
puter 266 in FIG. 2. The logical connections shown in 
FIG. 2 include a local area network (LAN) 272 and a 
wide area network (WAN) 275, such as, for example, 
the Internet and World-Wide Web (WWW). Such net- 
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working environments are commonplace in offices, en- 
terprise-wide computer networks, intranets and the In- 
ternet. 

[0027] If the computer 200 is used in a LAN network- 
ing environment, the computer 200 is coupled to the lo- 5 
cal network 272 through a network interface 278 (such 
as a network adapter). If the computer 200 is used in a 
WAN networking environment, the computer 200 is gen- 
erally coupled to the WAN (such as the Internet) through 
a modem 281 or other means for establishing commu- 10 
nications over the WAN (such as a cable modem). 
[0028] In a networked environment, program modules 
depicted relative to the computer 200, or portions there- 
of, may be stored in the remote memory storage device 
269. Further, in a networked environment the execution * 5 
of computer-readable instructions within the program 
modules as well as processing and data manipulation 
may occur on the computer 200, the remote computer 
266, or both. It will be appreciated that the network con- 
nections shown are exemplary and other means of es- 
tablishing a communications link and transferring data 
between the computer 200 and the remote computer 
266 may be used. 

[0029] FIG. 3 is a block diagram illustrating an over- 
view of the present invention. The present invention is 
embodied in a system and a method for ordering a prod- 
uct or service using a user interface that provides real- 
time updating of available options and properties of the 
product or service. Preferably, as shown in FIG. 3, the 
ordering system 300 of present invention is implement- 
ed in a networked environment that includes a host unit 
or server 305 and a remote unit or client 31 0. The server 
305 and the client 310 may be physically separate com- 
puter systems that are located at different locations or 
at the same location. Further, the server 305 and client 
310 may be both located on the same computer system. 
If located on separate computer systems, the server 305 
and client 310 communicate with each other and trans- 
fer data, instructions and results over a network (not 
shown) as discussed above. 

[0030] The client 310 includes a user interface 315, 
such as a graphical user interface (GUI), for presenting 
to the consumer real-time information about the product 
or service being ordered. The user interface 315 in- 
cludes a presentation module 320, for presenting a rep- 
resentation and attributes (such as characteristic infor- 
mation about the product or service), and an interactive 
module 325, for providing a means for a consumer in- 
teract with the ordering system. For example, the inter- 
active module 325 can provide a way for a user to add 
an option by dragging and dropping. A control module 
330 coupled to the user interface 315 provides control 
for the user interface and real time user interactivity by 
controlling the flow of data and updating of information 
between the server 305 and the client 310. 
[0031] The presentation module 320 includes a rep- 
resentation module 335, which presents to a consumer 
a real-time representation of the product or service that 



has been ordered, including all the selected options. 
This representation includes a graphical representation 
(such as a photograph or an icon) and an audio repre- 
sentation (such as a spoken or musical description) of 
the product or service. The presentation module 320 al- 
so includes an options module 340, which provides the 
consumer with a real-time representation of the availa- 
ble options. Similar to the representation module 335, 
the representation includes a graphical and an audio 
representation. As explained further below In reference 
to FIG. 5, these available options generally depend on 
which base component and options have been previ- 
ously selected. Further, the presentation module 320 in- 
cludes an attributes module 345 that presents to the 
consumer a real-time record of certain attributes asso- 
ciated with the product or service. These attributes in- 
clude any characteristic of the product or service that 
may be useful or desired by the consumer. By way of 
example and not limitation, these attributes include a to- 
tal price for a product or service, total weight and size 
for a product, miles per gallon if the product is a vehicle, 
calories if the product is a food item and so forth. Virtu- 
ally any characteristic associated with the product or 
service can be presented to the consumer through the 
attributes module 345. 

[0032] The server 305 includes an update module 350 
for updating the user interface 315, a statistical module 
355 for providing statistical data regarding the order to 
the merchant and a database 360 for storing data per- 
taining to the ordering process. The update module 350, 
which is coupled to the representation module 335, the 
options module 340 and the attributes module 345, in- 
cludes an attributes update module 365, a representa- 
tion update module 370, an options update module 375 
and an interactive update module 380. Each of the at- 
tributes, representation, options and interactive update 
modules (365, 370, 375, 380) provides updates for the 
attributes module 345, the representation module 335, 
the options module 340 and the interactive module 325, 
respectively. 

[0033] The statistical module 355 receives and proc- 
esses statistical data from the client 31 0. This statistical 
data, which has significance to the merchant, can be re- 
ceived from any of the modules on the client 310. This 
statistical data is generally user information and infor- 
mation regarding the order that is compiled from a plu- 
rality of users so that certain ordering trends and ten- 
dencies can be examined by the merchant. For exam- 
ple, the statistical data may provide insight into a con- 
sumer's state of mind by recording how long users hov- 
ered over particular options and how many consumers 
change began but did not complete the ordering proc- 
ess. This statistical information provides valuable data 
to merchants that permits merchants to modify their re- 
tail and marketing strategies to maximize profits and 
sales. 

[0034] In a preferred embodiment of the invention the 
modules are located on the client 310 and the server 
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305 as shown in FIG. 3. Alternatively, other arrange- 
ments are possible. For example, the update module 
350 may be located on the client 310 instead of the serv- 
er 305, which would place more processing load on the 
client but also reduce the. amount of information trans- 
mitted over the network. In another embodiment, the in- 
vention may be as shown in FIG. 3 except that the con- 
trol module would be located on the server 305. In this 
embodiment nearly all of the processing would be per- 
formed by the server 305 and a great deal of information 
would be transmitted over the network. Those skilled in 
the art will recognize other arrangements other than 
those mentioned that may be better suited to a particular 
operating environment. 

III. Operational Overview 

[0035] FIG. 4 is a flow diagram illustrating the general 
operational flow of the present invention. Specifically, a 
product or service to be presented to a consumer is di- 
vided into a base component and categories of available 
options (box 400). Although the division depends greatly 
on the type of product or service, in a preferred embod- 
iment the division is one in which the product or service 
is presented to the consumer in a clear and intuitive 
manner. By way of example and not limitation, If the 
product is a pizza, the base component may be the di- 
ameter (assuming a round pizza) of the pizza. In addi- 
tion, a plurality of base components may be available 
for each product or service. For instance, the pizza may 
be available In small (8-inch), medium (12-inch) and 
large (16-inch) sizes. Continuing with the pizza exam- 
ple, the first available option may be the type of crust 
(such as regular thin, regular thick, soft thin and soft 
thick). The next available option may be type of vegeta- 
ble (such as tomatoes, mushrooms, spinach and on- 
ions). Other categories of options, such as type of meat, 
types of cheese and so forth, may also be used when 
dividing the pizza into available options. 
[0036] Next, the product or service is presented to the 
consumer through the client (box 410). This presenta- 
tion includes the available base components and each 
of the different categories of available options for the 
product or service. The consumer begins assembling 
the product or service by selecting one of the base com- 
ponents (box 420). "Selecting" means that a cursor of a 
pointing device (such as mouse cursor) is moved to a 
location overlying a selection. In a preferred embodi- 
ment, it not necessary to click the selection with the 
pointing device in order to initiate updating, and simply 
moving the cursor of the pointing device over the selec- 
tion provides automatic and real-time updating of the 
product or service representation, available options and 
attributes. Moreover, in a preferred embodiment, the up- 
dating is displayed to the consumer only when the cur- 
sor is positioned over the selection and is not perma- 
nently updated until the selection is clicked. 
[0037] An update is performed on the user interface, 



representation of the product or service and the availa- 
ble options based on which base component was se- 
lected (box 430). Further, the user interface (including 
the attributes associated with the product or service) is 

5 updated to show any changes that have occurred be- 
cause of the selection (such as updating of the total cost 
or total calories). In addition, the representation of the 
product or service shown in the user interface is updated 
so that the consumer is informed as to what has been 

10 ordered. As mentioned above, this representation in- 
cludes a graphical and an audio representation. For in- 
stance, if the product or service is represented graphi- 
cally by a photograph the photograph may be updated 
by adding the option selected to the photograph. This 

is provides the consumer using the present invention with 
real-time information as to which options have been se- 
lected. 

[0038] In a preferred embodiment the present inven- 
tion provides previewing capabilities so that the base 

20 component or option does not need to be selected for 
updating to occur. For example, if the representation of 
the product or service is graphical, updating may occur 
if the consumer positions a pointing device (such as a 
mouse) over an icon of an available option. For instance, 

25 a total price, total calories and currently available op- 
tions may be updated and presented to the consumer if 
the consumer holds a mouse cursor over an icon for a 
length of time. This preview capability alleviates having 
to select an option to see the outcome only to later re- 

30 verse that selection. 

[0039] The selection of a base component or option 
may also influence the availability of subsequent op- 
tions. As explained further below in connection with FIG . 
5, the subsequent options may become unavailable de- 

35 pending on which of the base components and previous 
options was selected. There are several ways the con- 
sumer may be notified that these options have become 
unavailable. In a preferred embodiment, the unavailable 
option not represented in the category of available op- 

40 tions. Alternatively, if there is a graphical representation 
of the category, the unavailable option is "grayed out' 
(is colored a shade of gray) to indicate that the option is 
unavailable. Further, the consumer is prevented from 
selecting an unavailable option (such as by clicking on 

45 the unavailable option with a mouse). For embodiments 
that include audio representations the unavailable op- 
tion can be deleted from the audible list of options. This 
automatic and real-time updating of the availability of 
subsequent options prevents consumer frustration and 

50 ordering delays by preventing the consumer from se- 
lecting an unavailable option. 

[0040] A category of available options is then present- 
ed to the consumer through the client (box 440). Una- 
vailable options, if any, are made unselectable as de- 
55 scribed above. The consumer then examines and se- 
lects the desired available options within the category 
(box 450). Based on the option selected, a user interface 
(including attributes), representation of the product or 
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service and available options are updated (box 460). A 
check is then made to see if there are more categories 
of options available (box 470). If so, the consumer is 
directed to a new category of available options. Other- 
wise, the consumer is invited to finalize the order (box 5 
480). 

[0041] Finalizing the order can include, for example, 
proceeding to a checkout that may include payment and 
shipping options. In a preferred embodiment, payment 
and shipping options include graphical and audio repre- 
sentations. A graphical representation may include 
icons symbolizing the various ways payment and ship- 
ping can occur. For instance, a payment screen may 
show credit card, digital check and digital wallet icons, 
and the shipping screen may show airplane, truck and 
ship icons. An audio representation may include sounds 
associated with the various payment and shipping op- 
tions (such as a airplane sound for shipping by air). 
[0042] As mentioned above, available options may 
change depending on which base component and sub- 
sequent options are selected. In other words, the choic- 
es that have been made previously may affect the choic- 
es that are available in the future. FIG. 5 is a block dia- 
gram that illustrates an example of how previous choic- 
es can affect subsequent choices. A user interface 500 
includes a representation window 505 that illustrates a 
current graphical representation of a product or service 
as selected by the consumer. The user interface 500 al- 
so includes an interactive attributes and data display 
window 51 0 that provides current attributes and data in- 
formation that is updated according to the selections 
made by the consumer. 

[0043] An options window 51 5 provides the consumer 
with a representation of the options categories and the 
available options within each category. This options win- 
dow includes a base component category (520), a cat- 
egory 1 (525), a category 2 (530) and a category N 
(535). Each category has a certain number of options 
available, and each of the categories in this is shown as 
initially having N available options. 
[0044] As an example of how the updating of available 
options operates, assume that the consumer starts with 
the base component category (520) and selects option 
1 (540). As shown by the dashed lines 542, the selection 
of option 1 (540) in the base component category (520) 
automatically and in real time limits the available options 
in category 1 (525). Specifically, only option 1 (545) and 
option 2 (550) within category 1 (525) are available op- 
tions because of the selection in the base component 
category (520). The other options in category 1 (525) 
including option 3 (555) through option N (560) are 
made unavailable to and cannot by selected by the con- 
sumer. 

[0045] If option 1 (545) in category 1 (525) is selected 
then the available options in other categories are auto- 
matically updated in real time. As shown by the dashed 
line 562, the only option that is shown as available in 
category 2 (530) is option 3 (565). Selection of option 3 



(565) in category 2 (530) immediately updates the avail- 
able options in the other categories including category 
N (535). As shown by the dashed lines 567, option 2 
(570) and option 3 (575) are shown as available in cat- 
egory N (535) based on the preceding selections. Many 
other selection combinations are possible, and all in- 
clude real time updating of available options (as illus- 
trated in this example) as well as attributes and statisti- 
cal data occurs based on selections made by the con- 
sumer. 

IV. Working Example 

[0046] FIGS. 6 -11 are exemplary user interfaces of a 
working example of the system and method of the 
present invention. The following description of this work- 
ing example us provided to illustrate only one of several 
ways in which the present invention may be implement. 
In this working example, the product is a notebook com- 
puter and a user interface for a notebook computer or- 
dering system is illustrated. The user interface includes 
an attributes area 600 that includes a total cost window 
605 and a total weight window 61 0. Below the attributes 
area 600 is a representation window 615 that, prefera- 
bly, graphically depicts the product or service as it has 
been selected by the consumer. As discussed above, 
this representation window 615 is automatically and in 
real time updated to depict the current selections. 
[0047] Under the representation window 61 5 is the in- 
teractive area 620 that provides an interactive interface 
for the consumer. In this working example, the interac- 
tive area 620 includes a box for removing a previously 
selected item (box 625), a box for removing the last item 
selected (box 630), a box for starting the ordering proc- 
ess over (box 635) and a box for proceeding to checkout 
(box 640). An options area 645 is shown to the right of 
the attributes area 600, representation window 615 and 
interactive area 620. The options area 645 includes all 
of the categories into which the product or service has 
been divided. In this example, the notebook computer 
has been divided into a case category 650, a processor 
category 655, a screen category 660, a hard drive cat- 
egory 665 and a CD-ROM drive category 670. It should 
be noted that several other categories (such as DVD 
drives and docking accessories) may be used with this 
system, but are not shown due to space considerations. 
[0048] In this working example, a selection first is 
made in the case category 650, as illustrated by a frame 
672 around the case category 650. The cursor 674 of a 
mouse is placed on notebook "A", the mouse is clicked 
and, as shown by the dotted line 677, notebook "A" is 
dragged to and dropped in the representation window 
615. It should be noted that in a preferred embodiment 
the selection can be dragged and dropped anywhere 
within the representation window 615. 
[0049] Referring to FIG. 7, the user interface is shown 
just after notebook "A 0 was dragged to and dropped in 
the representation window 61 5. The representation win- 
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dow 615 has been updated, and now depicts notebook 
"A", Further, the total cost window 605 has been updat- 
ed to shown the total cost of the order thus far and the 
total weight window 61 0 has been updated to show the 
total weight of the order. The options available in the 
remaining categories have also been updated based on 
the selection of notebook "A". In particular, in the proc- 
essor category 655 the 233 MHz processor and the 266 
MHz processor have been faded out (as shown by dot- 
ted lines), indicating thatthose options are not available. 
Alternatively, the 233 MHz and the 266 MHz processors 
could have been removed from the processor category 
655 altogether. Other options shown as unavailable 
(based on the selection of notebook "A") are the 12.1 
inch screen, the 4 gigabyte (GB) hard drive and the 20X 
and 30X CD-ROM drives. 

[0050] The frame 672 has been moved down to high- 
light the processor category 655 and indicates that a se- 
lection should now be made from the processor catego- 
ry 655. A selection is then made from the processor cat- 
egory 655 (noting that the 233 MHz and 266 MHz proc- 
essors cannot be selected). In this example a 500 MHz 
processor is selected. Similar to above, a selection is 
made by positioning the cursor 674 over the 500 MHz 
processor and clicking the mouse. As shown by the dot- 
ted line 682, the 500 MHz processor is then dragged to 
the representation window 615 and dropped. 
[0051] FIG. 8 shows the user interface after the 500 
MHz processor has been dragged and dropped in the 
representation window 615. The total cost window 605 
and the total weight window 61 0 have both been updat- 
ed to reflect the additional cost and weight of the 500 
MHz processor. In addition, the representation window 
615 has been updated to illustrate the addition of the 
500 MHz processor (in the correct location the proces- 
sor occupies in the notebook computer) and the availa- 
ble options in the remaining categories have been up- 
dated. Specifically, in addition to the 4 GB hard drive the 
8 GB hard drive has also become unavailable with the 
selection of the 500 MHz processor, and the 20X and 
30X CD-ROM drives remain unavailable. 
[0052] The frame 672 is now around and highlights 
the screen category 660 indicating an option should be 
selected. In this case, only the 13 inch and 14 inch 
screens are available. As shown by the dotted line 687, 
the 14 inch screen is selected by positioning the cursor 
674 over the 14 inch screen, clicking the mouse, drag- 
ging and dropping the 14 inch screen into the represen- 
tation window 615. 

[0053] FIG. 9 illustrates the user interface after the se- 
lection of the 1 4 inch screen. The total cost window 605 
and the total weight window 610 have been updated 
along with the available options (note that the 20X and 
30X CD-ROM drives remain unavailable). The repre- 
sentation window 615 depicts a notebook computer with 
all the options that have been selected thus far. The 
frame 672 is highlighting the hard drive category 665 
and, as shown by the dotted line 692, the 10 GB hard 



drive is selected by dragging and dropping the 10 GB 
hard drive onto the representation window 615. 
[0054] FIG. 1 0 shows the user interface after the se- 
lection of the 10 GB hard drive. In particular, the total 

5 cost window 605 and the total weight window 61 0 have 
been updated to reflect the additional cost and weight 
of the hard drive. The representation window 615 has 
also been updated to illustrate the addition of the 1 0 GB 
hard drive to the notebook computer (In the correct lo- 

10 cation the hard drive occupies in the notebook compu- 
ter). The frame 672 is highlighting the CD-ROM drive 
category 670 indicating that a CD-ROM option should 
be selected. As shown by dotted line 697, a 40X CD- 
ROM drive is selected by dragging and dropping the 

15 drive into the representation window 615. 

[0055] FIG. 11 illustrates the user interface after the 
selection of the 40X CD-ROM drive and prior to clicking 
the checkout button (box 640). The total cost 605 and 
total weight 61 0 windows have been updated and reflect 

20 the addition of the 40X CD-ROM. Further, the represen- 
tation window 615 illustrates the notebook computer as 
selected (with the CD-ROM drive in the correct location 
it occupies in the notebook computer) and configured 
by the consumer in the ordering process. In this example 

25 the consumer is now ready to proceed to checkout (box 
640), which may include, for example, selecting a pay- 
ment method and a shipping method. In this working ex- 
ample, when checkout (box 640) is selected a shipping 
cost window 1100 appears providing to the user the 

30 costs of shipping the order. 

[0056] At any time during the ordering process the 
consumer could have selected a button to remove a pre- 
viously selected item (box 625), remove the last item 
selected (box 630) or start over (box 635). Further, after 

35 each option is selected the attributes area 600, repre- 
sentation window 615 and available options in the op- 
tions area 645 are updated automatically in real time so 
that the consumer remains continuously informed of the 
consequences (such as cost, weight and available op- 

40 tions) of each selection. Moreover, the representation 
window provides the consumer with a real-time depic- 
tion of what is actually being ordered. 
[0057] The foregoing description of the preferred em- 
bodiments of the invention has been presented for the 

45 purposes of illustration and description. It is not intended 
to be exhaustive or to limit the invention to the precise 
form disclosed. Accordingly, the foregoing description 
should be regarded as illustrative ratherthan restrictive, 
and it should be appreciated that variations may be 

so made in the embodiments described by workers skilled 
in the art without departing from the scope of the present 
invention as defined by the following claims. 



55 Claims 

1. A computer-implemented method for ordering a 
consumer item from a remote location (130), com- 
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prising: 

providing graphical selection of a plurality of op- 
tions (515) of the consumer item with an inter- 
active environment at the remote location 
(130); 

overlaying selected options (520/525/530/535) 
on the consumer item; and 
graphically updating the consumer item auto- 
matically at the remote location (130) in re- 
sponse to the selected options 
(520/525/530/535) to reflect incorporation of 
the selected option. 

2. The method of claim 1 , further comprising providing 
a user interface (500) that presents to the user in- 
formation (505) about the consumer item, wherein 
the user interface (500) is a graphical user interface 
having an interaction device (51 0) to allow dragging 
and dropping of the overlayed options on the con- 
sumer item. 

3. The method of claim 2, wherein updating the con- 
sumer item with the selected options 
(520/525/530/535) occurs in real-time as the op- 
tions are selected. 

4. The method of claim 1 , wherein the updating is pre- 
sented with an audio/visual representation. 

5. The method of claim 1, wherein the options 
(520/525/530/535) depend in part on previously se- 
lected options. 

6. The method of claim 1 , wherein selection of una- 
vailable options is prevented. 

7. An ordering system (300) for ordering a consumer 
item from a remote location, comprising: 

a user interface (315) at the remote location 
that provides a graphical selection of options 
(340) of the consumer item and allows adding 
an option by overlaying the option on the con- 
sumer Item; and 

an update module (375) that provides automat- 
ic updating of the consumer item with consumer 
item information in response to the adding of 
options. 

8. The ordering system (300) of claim 7, wherein the 
consumer item information is at least one of: (a) a 
representation (335) of the consumer item; (b) the 
graphical selection of options (340) of the consumer 
item; (c) attributes (345) associated with the con- 
sumer item. 

9. The ordering system (300) of claim 7, wherein the 



user interface (315) further comprises a represen- 
tation module (370) that presents a representation 
of the consumer item. 

5 10. The ordering system (300) of claim 7, wherein the 
graphical selection of options depends partially on 
previously selected options. 
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